html,body
{
  margin:0px;
  background-color:#ffffff;
}

#menu_smartphone {
  height:100%;  
  position:fixed;
  background:#ffffff;
  top:0;
  bottom:0;
  left:-350px;
  width:350px;
  z-index:9999;
} 
#menu_smartphone ul {
  padding:0;
  margin:0;
  list-style:none;
  color:#999999;
} 
#menu_smartphone ul li {
  height:45px;
  padding-left:20px;
  line-height:45px;
} 
#menu_smartphone ul li:hover {
  background:#C8E6C9;     
}
#menu_smartphone ul li a {
  color:#000000;
  text-decoration: none;
  font-family:'Roboto';
  font-weight: 400;
  font-size:18px;
}
.background_profil
{
  background-image:url(http://www.mf-consultora.com/css/images/estudio_juridico.jpg);
  height: 250px;
}
.pics_profil
{
  width: 100px;
  height: 100px;
  border-radius:50%;
  background-size: cover;
  background-image:url(http://www.mf-consultora.com/css/images/estudio_juridico.jpg);
  margin-top: -50px;
}
.name_profil
{
  font-size: 20px;
  font-family: 'Roboto';
  font-weight: 100px;
  color: #666666;
  margin-top: -30px;
  margin-left: 110px;
  margin-bottom: 10px;
}
.top
{
  background-color:#4a89dc;
  height: 150px;
  position: fixed;
  left:left;
  top: 20px;
  width: 100%;
  line-height: 90px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Roboto';
  padding-left: 10px;
}
#grey_back {
  display:none;
  background-color:#999999;
  opacity:0.7;
  width:100%;
  height:100%;
  z-index:9998;
  position:fixed;
  top:0;
} 
.card
{
/*   height:200px; */
/*   background-color:#ffffff; */
/* position:relative; */
  margin:100px;
  padding: 25px;
  color:#303f9f;
  font-weight: 15px;
  font-size: 15px;
  text-align: center;
  font-family: 'Roboto';
  box-shadow:0 0 2px #ffffff;
}
.menu_btn
{
  cursor: pointer;
  left:20px;
  margin-top: 70px;
}

.toprincipal    { 
  
  background-color:#212121;
  height: 100px;
  position: fixed;
  top: 0px;
  width: 100%;
  line-height: 70px;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Roboto';
  padding-left: 10px;
}
	